<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="UTF-8">
    <title>超市进销库存管理后台</title>
    <link rel="stylesheet" />
    <link rel="stylesheet" href="css/Site.css" />
    <link rel="stylesheet" href="css/zy.all.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/admin.css" />
</head>

<body>
<div class="dvcontent">

    <div>
        <!--tab start-->
        <div class="tabs">
            <div class="hd">
                <ul>
                    <li class="on" style="box-sizing: initial;-webkit-box-sizing: initial;">商品管理</li>
                    <li class="" style="box-sizing: initial;-webkit-box-sizing: initial;">添加商品</li>
                </ul>
            </div>
            <div class="bd">
                <ul style="display: block;padding: 20px;">
                    <li>
                        <!--分页显示角色信息 start-->
                        <div id="dv1">
                            <table class="table" id="tbRecord">
                                <thead>
                                <tr>
                                    <th>商品编号</th>
                                    <th>商品名称</th>
                                    <th>商品分类</th>
                                    <th>最低库存</th>
                                    <th>现存量</th>
                                    <th>进货价</th>
                                    <th>销售价</th>
                                    <th>规格</th>
                                    <th>供货商编号</th>
                                    <th>编辑</th>
                                    <th>删除</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${commodities}" var="com">
                                    <tr>
                                        <td>${com.cid}</td>
                                        <td>${com.cname}</td>
                                        <td>${com.type}</td>
                                        <td>${com.minimum}</td>
                                        <td>${com.quantity}</td>
                                        <td>${com.purchasingPrice}</td>
                                        <td>${com.salesPrice}</td>
                                        <td>${com.size}</td>
                                        <td>${com.suid}</td>
                                        <td class="edit"><button onclick="btn_edit(1)"><i class="icon-edit bigger-120"></i>编辑</button></td>
                                        <td class="delete"><button onclick="btn_delete(${com.cid})"><i class="icon-trash bigger-120"></i>删除</button></td>
                                    </tr>
                                </c:forEach>
                                </tbody>

                            </table>
                        </div>
                        <!--分页显示角色信息 end-->
                    </li>
                </ul>
                <ul class="theme-popbod dform" style="display: none;">
                    <div class="am-cf admin-main" style="padding-top: 0px;">
                        <!-- content start -->

                        <div class="am-cf admin-main" style="padding-top: 0px;">
                            <!-- content start -->
                            <div class="admin-content">
                                <div class="admin-content-body">

                                    <div class="am-g">
                                        <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">

                                        </div>
                                        <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
                                             style="padding-top: 30px;">
                                            <form class="am-form am-form-horizontal"
                                                  action="${pageContext.request.contextPath}/AddCommodityServlet" method="post">

                                                <div class="am-form-group">
                                                    <label for="cid" class="am-u-sm-3 am-form-label">
                                                        商品编号</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="cid" required
                                                               placeholder="商品编号" name="cid">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        商品名称</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="cname" required
                                                               placeholder="商品名称" name="cname">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        商品分类</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="type" required
                                                               placeholder="商品分类" name="type">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        最低库存</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="minimum" required
                                                               placeholder="最低库存" name="minimum">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        现存量</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="quantity" required
                                                               placeholder="现存量" name="quantity">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        进货价</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="purchasingPrice" required
                                                               placeholder="进货价" name="purchasingPrice">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        销售价</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="salesPrice" required
                                                               placeholder="销售价" name="salesPrice">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        规格</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="size" required
                                                               placeholder="规格" name="size">
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label  class="am-u-sm-3 am-form-label">
                                                        供货商编号</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="suid" required
                                                               placeholder="供货商编号" name="suid">
                                                    </div>
                                                </div>


                                                <div class="am-form-group">
                                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                                        <input type="submit" class="am-btn am-btn-success" value="提交" />
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- content end -->
                        </div>
                        <!--添加 end-->
                </ul>
            </div>
        </div>
        <!--tab end-->

    </div>


    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/plugs/Jqueryplugs.js" type="text/javascript"></script>
    <script src="js/_layout.js"></script>
    <script src="js/plugs/jquery.SuperSlide.source.js"></script>
    <script>
        var num = 1;
        $(function() {

            $(".tabs").slide({ trigger: "click" });

        });


        var btn_edit = function(id) {
            $.jq_Panel({
                url: "/RawMaterialsType/EditRawMaterialsType?id=" + id,
                title: "编辑分类",
                dialogModal: true,
                iframeWidth: 500,
                iframeHeight: 400
            });
        }
        var btn_delete = function(id) {
            $.jq_Confirm({
                message: "您确定要删除吗?",
                btnOkClick: function() {
                    $.ajax({
                        type:"post",
                        url:"${pageContext.request.contextPath}/DeleteCommodityServlet",
                        data:{id:id},
                        success:function () {
                            location.reload();
                        }
                    });
                }
            });
        }
    </script>

</div>
</body>

</html>